<template>
  <div id="app">
    <el-container>
        <Header></Header>
      <el-main style="padding: 0px;">
        <router-view />
      </el-main>
      <el-footer>
        <foot></foot>
      </el-footer>
    </el-container>
  </div>
</template>
<script>
import foot from "@/components/footerView2.vue";
import Header from "@/components/headerView2.vue";
export default {
  name: "AppView",
  components: { Header, foot },
  data() {
    return {};
  },
  methods: {},
};
</script>
<style lang="scss">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  // text-align: center;
  color: #2c3e50;
}
* {
  margin: 0;
  padding: 0;
}
.el-main {
  min-height: 100vh;
}
// .el-header{
//   padding: 0!important;
// }
.el-footer {
  padding: 0px 0px !important;
  margin-bottom: 0px;
  background-color: #0B3A84;
}
// .g-main {
//     position: absolute;
//     top: 64.333px;
//     right: 0;
//     bottom: 3.5rem;
//     left: 0;
//     overflow: auto;
// }

.el-header {
    padding: 0px 0px !important;
    // box-sizing: border-box;
    // flex-shrink: 0;
}
</style>
